<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title>Home</title>

    <link href="../static/css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <link href="../static/css/style.css" rel='stylesheet' type='text/css'/>
    <link href="../static/css/broker.css" rel='stylesheet' type='text/css'/>
    <style>
        .logins {
            background: #2da9e1;
            color: #fff;
            font-size: 1.5em;
            border: none;
            width: 100%;
            outline: none;
            -webkit-appearance: none;
            padding: .5em 0;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -o-transition: 0.5s all;
            margin-top: .5em;
            font-family: 'PT Sans', sans-serif;
        }

        .registers {
            background: #2da9e1;
            color: #fff;
            font-size: 1.5em;
            border: none;
            width: 100%;
            outline: none;
            -webkit-appearance: none;
            padding: .5em 0;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -o-transition: 0.5s all;
            margin-top: .5em;
            font-family: 'PT Sans', sans-serif;
        }

        .offer-grid {
            margin-top: 50px !important;
        }
    </style>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Real Space Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
    <script type="application/x-javascript">
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>

    <script src="../static/js/jquery-1.11.1.min.js"></script>
    <script src="../static/js/bootstrap.js"></script>
    <link href="../static/css/owl.carousel.css" rel="stylesheet"/>
    <script src="../static/js/owl.carousel.js"></script>
    <script src="../static/js/vue.js"></script>
    <script src="../static/js/jquery.cookie.js"></script>
    <script src="../static/js/axios.js"></script>
</head>

<body>


<div class="header-section">
    <div class="container">
        <nav class="navbar navbar-default">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1"
                        aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div class="navbar-brand">
                    <h1>
                        <a href="index.html">
                            <span>Real </span>Space</a>
                    </h1>
                </div>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="index">主页 <span class="sr-only">(current)</span></a></li>
                    <li><a href="secondlist">二手房</a></li>
                    <li><a href="rentlist">租房</a></li>
                    <li><a href="newhourse">新房 </a></li>
                    <li><a href="community">小区</a></li>
                    <li><a href="broker">经纪人</a></li>
                    <li><a href="knowledge">知识</a></li>
                </ul>
                <div class="email" v-if="name==null">
                    <ul>
                        <li>
                            <i class="glyphicon glyphicon-log-in" aria-hidden="true"></i>
                            <a href="#" data-toggle="modal" data-target="#myModal">登陆</a>
                        </li>
                        <li>
                            <i class="glyphicon glyphicon-lock" aria-hidden="true"></i>
                            <a href="#" data-toggle="modal" data-target="#myModal1">注册</a>
                        </li>
                    </ul>
                </div>
                <div class="login-next" v-if="name!=null">
                    <img :src="image"
                         style="width: 40px;height: 40px;margin-top: 12px;border-radius: 50%;float: left;margin-left: 140px;">
                    <p class="login-p"
                       style="color:white;float: left;margin-top: 15px;margin-left: 5px;font-size: 20px;" v-text="name">
                        admin</p>
                </div>
                <div class="clearfix"></div>
            </div>
        </nav>
    </div>
</div>


<div class="cur-path-box">
    <div class="main clear">
        <ul class="baike-nav">
            <li class="cur">
                <a href="/zhishi/">经纪人</a>
            </li>
        </ul>
    </div>
</div>


<div class="contents">
    <div class="pxTab">
        <div class="hreFbox hrbotmar">
            <div class="rightnav">
                <a class="aCur" href="/jingjiren">经纪人</a>
                <a href="/map" class="noBor">地图找房</a>
            </div>
        </div>
        <div class="pxMain">
            <!-- 普通租房 start-->
            <div class="pxMain_con block">
                <ul class="tiaoBox">
                    <li>
                        <div class="tTit">区域</div>
                        <div class="adrCon">
                            <div class="quyu block">
                                <!---->
                                <ul class="new_di_tab sTab">

                                        <li class="new_di_tab_cur">全部
                                            <span class="new_icon"></span>
                                        </li>

                                        <li>
                                            <i @click="quyu">拱墅区</i>
                                            <span class="new_icon"></span>
                                        </li>

                                        <li>
                                            <i @click="quyu">下城区</i>
                                            <span class="new_icon"></span>
                                        </li>

                                        <li>
                                            <i @click="quyu">上城区</i>
                                            <span class="new_icon"></span>
                                        </li>

                                        <li>
                                            <i @click="quyu">滨江区</i>
                                            <span class="new_icon"></span>
                                        </li>

                                        <li>
                                            <i @click="quyu">余杭区</i>
                                            <span class="new_icon"></span>
                                        </li>

                                        <li>
                                            <i @click="quyu">萧山区</i>
                                            <span class="new_icon"></span>
                                        </li>

                                        <li>
                                            <i @click="quyu">西湖区</i>
                                            <span class="new_icon"></span>
                                        </li>

                                        <li>
                                            <i @click="quyu">江干区</i>
                                            <span class="new_icon"></span>
                                        </li>

                                        <li>
                                            <i @click="quyu">富阳区</i>
                                            <span class="new_icon"></span>
                                        </li>

                                        <li>
                                            <i @click="quyu">海宁市</i>
                                            <span class="new_icon"></span>
                                        </li>
                                    </a>
                                    <a href="/jingjiren/xiashajingjikaifaqu/" title="杭州下沙经济开发区经纪人">
                                        <li>
                                           <i @click="quyu">下沙经济开发区</i>
                                            <span class="new_icon"></span>
                                        </li>
                                    </a>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="tTit">筛选</div>
                        <div class="tCon">
                            <a href="/jingjiren/u1/" rel="nofollow">
                                <span class="inputSty"></span>全部</a>
                            <a href="/jingjiren/u2/" rel="nofollow">
                                <span class="inputSty"></span>买卖</a>
                            <a href="/jingjiren/u3/" rel="nofollow">
                                <span class="inputSty"></span>租赁</a>
                        </div>
                    </li>
                    <li class="tj">
                        <div class="tTit">条件</div>
                        <div class="tCon">
                            <a href="/jingjiren/">
                                <em class="qkBtn">
                                    <i></i>清空条件</em>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 普通租房 end-->
        </div>
    </div>


    <div class="pListBox mar main">
        <dl class="pxTit">
            <dd class="current">默认排序</dd>
            <dd @click="chengjiao">买卖成交</dd>
            <dd @click="zuling">带看数</dd>
            <dd @click="dianzan">点赞数</dd>
        </dl>
        <div class="total-box">共找到
            <span>3</span>位经纪人
        </div>
        <div class="list-con-box">
            <div class="agent-con-box clear" v-for="(b,index) in brokerlists">
                <div class="agent-imgs lf">
                    <a href="#" target="_blank">
                        <img alt="李婉"
                             src="https://user-picture.oss-cn-hangzhou.aliyuncs.com/3d9399cb-f59f-4014-8f1f-b2cc12e39367.jpg?x-oss-process=style/head"
                             onerror="brokerError(this);">
                    </a>
                </div>
                <div class="agent-con lf">
                    <div class="agent-tit">
                        <a href="#" target="_blank">
                            <span class="name">
                                <h3>{{b.name}}</h3>
                            </span>
                        </a>
                    </div>
                    <div class="agent-info">
                        <p class="iconsleft">{{b.adress}}· {{b.time}}年 </p>
                        <!--<p class="iconsleft1">历史成交13套</p>-->
                        <p class="iconsleft1">历史成交 ({{b.history}})</p>
                        <p class="eye-icons">近30天带看房{{b.times}}次</p>
                    </div>
                    <div class="contacty">
                        <span>{{b.phone}}</span>
                        <label>联系方式</label>
                    </div>
                </div>
                <div class="bid" style="display: none;">{{b.id}}</div>
                <!-- <a href="javascript:;" class="guanzhu-btn" id="360261" onclick="cancelfocus(360261)"> -->
                <a href="javascript:void(0);" class="guanzhu-btn" id="360261" @click="nice(index)">
                    <i class="icon-gz " isfocus="0"></i>
                    <span v-text="b.nice"></span>
                </a>
            </div>
        </div>


        <!-- 页码 -->
        <div class="pageBox">
            <div class="pageSty rf">
                <a href="/jingjiren/n2/" class="cPage">下一页</a>
                <a href="javascript:void(0);" class="">...</a>
                <a href="/jingjiren/n3/" class="">3</a>
                <a href="/jingjiren/n2/" class="">2</a>
                <a href="javascript:void(0);" class="cur">1</a>
            </div>
        </div>
        <!-- 页码 End-->
    </div>
</div>

<!-- login -->
<div class="not-success">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content modal-info">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body real-spa">
                    <div class="login-grids">
                        <div class="login">

                            <div class="login-right" id="login">
                                <form>
                                    <h3>Login</h3>
                                    <input type="text" value="Enter your Phone" onfocus="this.value = '';"
                                           onblur="if (this.value == '') {this.value = 'Enter your Email';}"
                                           required="" id="username">
                                    <input type="password" value="Password" onfocus="this.value = '';"
                                           onblur="if (this.value == '') {this.value = 'Password';}"
                                           required="" id="password">
                                    <h4>
                                        <a href="#">忘记密码？</a> /
                                        <a href="#">注册账号</a>
                                    </h4>
                                    <div class="single-bottom">
                                        <input type="checkbox" id="brand" value="">
                                        <label for="brand">
                                            <span></span>记住我</label>
                                    </div>
                                    <button type="button" value="" class="logins">登录</button>
                                </form>
                            </div>

                        </div>
                        <p>登陆即同意
                            <a href="#">合约</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- login  -->
    <!-- Register -->
    <div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content modal-info">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body real-spa">
                    <div class="login-grids">
                        <div class="login">
                            <div class="login-right">
                                <h3>Register </h3>
                                <input type="text" value="Name" onfocus="this.value = '';"
                                       onblur="if (this.value == '') {this.value = 'Name';}" required=""
                                       id="name">
                                <input type="text" value="Mobile number" onfocus="this.value = '';"
                                       onblur="if (this.value == '') {this.value = 'Mobile number';}"
                                       required="" id="phone">
                                <input type="password" value="Password" onfocus="this.value = '';"
                                       onblur="if (this.value == '') {this.value = 'Password';}"
                                       required="" id="passwords">
                                <button type="button" value="" class="registers">立即注册</button>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <p>登陆即同意
                            <a href="#">合约</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../static/js/broker.js"></script>
</body>

</html>>